function gefDemo() {
    var shell = document.getElementById('shell');

    

    var buttonModel = new ADF.model.ButtonModel();
    buttonModel.setText('ADF按钮');
    buttonModel.setConfig({text:"Button",icon:"icon-btn"});

    var labelModel=new ADF.model.LabelModel();
    labelModel.setText('ADF标签');
    labelModel.setConfig({text:"Label",icon:"icon-label"});

    var inputModel=new ADF.model.InputModel();
    inputModel.setText('ADF输入');
    inputModel.setConfig({text:"Input",icon:"icon-input"});

    var textareaModel=new ADF.model.TextAreaModel();
    textareaModel.setText('ADF文本域');
    textareaModel.setConfig({text:"TextArea",icon:"icon-textarea"});

     var imageModel=new ADF.model.ImageModel();
     imageModel.setSrc('/adfdesigner/images/sea.jpg');
    imageModel.setConfig({text:"Image",icon:"icon-images"});

    var datetimeModel=new ADF.model.DatetimeModel();
    datetimeModel.setConfig({text:"Datetime",icon:"icon-Datetime"});

    var numberModel=new ADF.model.NumberModel();
    numberModel.setConfig({text:"Number",icon:"icon-number"});

    var buttongroupModel=new ADF.model.ButtonGroupModel();
    buttongroupModel.setConfig({text:"ButtonGroup",icon:"icon-buttonG"});

    var xyCompositeModel = new ADF.model.XYCompositeModel();
    xyCompositeModel.setConfig({text:"Composite",icon:"icon-compoaite"});

    var bootstrapContainerModel = new ADF.model.BootstrapContainerModel();
    bootstrapContainerModel.setConfig({text:"Container",icon:"icon-containe"});

    var bootstrapRowModel = new ADF.model.BootstrapRowModel();
    bootstrapRowModel.setConfig({text:"Row",icon:"icon-row"});

    var vueXYModel = new VUEADF.model.XYCompositeModel();
    vueXYModel.setConfig({text:"VueComposite",icon:"icon-compoaite"});

    var bundles = [
        // new ADF.control.Diagram(),
        // new ADF.control.Button(),
        // new ADF.control.Input(),
        // new ADF.control.Label(),
        // new ADF.control.TextArea(),
        // new ADF.control.Image(),
        // new ADF.control.Datetime(),
        // new ADF.control.Number(),
        // new ADF.control.ButtonGroup(),
        // new ADF.control.XYComposite(),
        // new ADF.control.BootstrapContainer(),
        // new ADF.control.BootstrapRow(),

        new VUEADF.control.Diagram(),
        new VUEADF.control.XYComposite(),

        new ADF.tool.CreationGroup(),
        new ADF.tool.ContainerGroup(),
        new ADF.tool.SelectionGroup(),
        new ADF.tool.SelectionTool(),
        new ADF.tool.MarqueeSelectionTool(),
        // new ADF.tool.ContainerTool(xyCompositeModel),
        // new ADF.tool.ContainerTool(bootstrapContainerModel),
        // new ADF.tool.ContainerTool(bootstrapRowModel),
        // new ADF.tool.ContainerTool(buttongroupModel),
        // new ADF.tool.CreationTool(buttonModel),
        // new ADF.tool.CreationTool(labelModel),
        // new ADF.tool.CreationTool(inputModel),
        // new ADF.tool.CreationTool(textareaModel),
        // new ADF.tool.CreationTool(imageModel),
        // new ADF.tool.CreationTool(datetimeModel),
        // new ADF.tool.CreationTool(numberModel),
        new ADF.tool.CreationTool(vueXYModel),
        new ADF.property.XYLayoutdataPropertyEditor(),
        new ADF.property.ButtonGroupLayoutDataEditor(),
        new ADF.property.ContainerLayoutDataEditor(),
        new ADF.property.RowLayoutDataEditor(),
        new ADF.property.BaseGroup({text:"基本属性",icon:"icon-jibenshuxing"}),
        // new ADF.action.UndoAction(),
        // new ADF.action.RedoAction(),
        // new ADF.action.DeleteAction(),
        // new ADF.action.BottomAction(),
        // new ADF.action.TopAction(),
        // new ADF.action.XYUpAction(),
        // new ADF.action.XYDownAction(),
        // new ADF.action.XYLeftAction(),
        // new ADF.action.XYRightAction(),
        // new ADF.action.XYAlignLeftAction(),
        // new ADF.action.XYAlignCenterAction(),
        // new ADF.action.XYAlignRightAction(),
        // new ADF.action.XYAlignTopAction(),
        // new ADF.action.XYAlignMiddleAction(),
        // new ADF.action.XYAlignBottomAction(),
        // new ADF.action.XYDistributeHorizontallyAction(),
        // new ADF.action.XYDistributeVerticallyAction(),
        // new ADF.action.XYDistributeEvenlyAction(),
        // new ADF.action.CopyAction(),
        // new ADF.action.PasteAction(),

    ];


    var contentsJSONString = "{\"modelType\":\"VUEADF.model.DiagramModel\",\"children\":[]}";

        var designer = new ADF.Designer(shell, contentsJSONString, bundles);
            designer.open();
    // $.get('/read',function (data) {
    //     window.designer = designer;

    //     save.onclick=function () {
    //         var contents=designer.getContents();
    //         $.post("/save",contents, function(data){
    //             alert(data);
    //         });
    //     };

    //     compiler.onclick=function () {
    //         $.post("/compile",{},function (data) {
    //             alert(data);
    //         });
    //     };

    //     run.onclick=function () {
    //         $.post("/runners",function (data) {
    //             alert(data);
    //         });
    //     };

    //     preview.onclick=function () {
    //         var contents=designer.getContents();
    //         $.post("/preview",contents,function (data) {
    //             if(data =='success'){
    //                 window.open("http://localhost:4000/test");
    //             }
    //         });
    //     };
    // });

}
